<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>
        DJI 大疆商城 - DJI 大疆无人机、手持稳定器、专业影像设备及增值服务
        (中国大陆)
    </title>
    <link rel="stylesheet" href="../tool/reset.css">
    <link rel="stylesheet" href="../font/iconfont.css">
    <link rel="stylesheet" type="text/less" href="../less/detail.less">
    <script src="../js/less.js"></script>
</head>

<body>
    <!-- 页头 -->
    <div class="header">
        <div class="top-bar">
            <div class="top-inner-bar">
                <ul class="left">
                    <li>
                        <a href="">DJI 大疆官网</a>
                    </li>
                    <li class="scroll">
                        <p>热门主机使用花呗，京东白条和招行分期最高可享 3期免息</p>
                        <p>满 ¥99 顺丰包邮</p>
                        <p>下单即享 1% DJI币返点</p>
                    </li>
                </ul>
                <div class="right">
                    <a href="#">
                        <span class="iconfont icongouwuche"></span>
                        购物车
                        <span class="number">0</span>
                    </a>
                    <a href="#">登录</a>
                    <a href="#">注册</a>
                    <a href="#" class="noborder">中国大陆(简体中文/￥CNY)</a>
                </div>
            </div>
        </div>
        <div class="nav-bar">
            <div class="nav-inner-bar">
                <div class="left">
                    <div class="log">
                        <a href="">
                            <i class="iconfont icondji-logo"></i>
                            <span>商城</span>
                        </a>
                    </div>
                    <div>商品分类<i class="iconfont iconxiajiantou"></i></div>
                    <div><a href="">以旧换新</a></div>
                    <div><a href="">购机指南</a></div>
                    <div><a href="">DJI大疆商城 APP</a></div>
                </div>
                <div class="right">
                    <input type="text" placeholder="搜索商品...">
                    <a href=""><i class="iconfont iconsousuo"></i></a>
                </div>
            </div>
        </div>
    </div>
    <!-- 右侧小圆圈 -->
    <div class="totop"><i class="iconfont iconshangjiantou"></i></div>
    <div class="kefu"><i class="iconfont iconkefu"></i></div>
    <!-- 页面内容 -->
    <div class="main">
        <div class="goods_path">
            <!-- <a href="">商城首页</a>
            <span>/</span>
            <a href="">御 Mavic系列</a>
            <span>/</span>
            <a href="">"御" Mavic 2系列</a>
            <span>/</span>
            <i>御 Mavic 2<i> -->
        </div>
        <div class="goods">
            <div class="left">
                <div class="container">
                    <img src="https://product3.djicdn.com/uploads/photos/30937/medium_e98ea3db-7910-4928-882a-757ee5b4f4ae.jpeg" alt="">
                    <div class="mask"></div>
                </div>
                <ul>
                    <!-- <li>
                        <img src="https://product3.djicdn.com/uploads/photos/30937/medium_e98ea3db-7910-4928-882a-757ee5b4f4ae.jpeg" alt="">
                    </li> -->
                </ul>
            </div>
            <div class="bigimg">
                <img src="https://product2.djicdn.com/uploads/carousel/image/fd87582e987496438ba6bb104e7c2f40@ultra.jpg" alt="">
            </div>
            <div class="right">
                <div class="top">
                    <!-- <h2>御 Mavic 2</h2>
                    <span>￥9888</span>
                    <h5><i>邮费:</i>&emsp;免费</h5> -->
                </div>
                <div class="middle">
                    <ul>
                        <!-- <li>"御"Mavic2专业版 哈苏L1D-20c相机</li> -->
                    </ul>
                </div>
                <div class="bottom">
                    <div class="btn_group">
                        <div class="number">1</div>
                        <div class="plus">+</div>
                        <div class="subtract">-</div>
                    </div>
                    <div class="button">加入购物车</div>
                    <p>预计发货时间:订单付款后1个工作日</p>
                </div>
            </div>
        </div>
        <div class="bg_title">产品概览</div>
        <div class="bgs">
            <!-- <img src="https://www1.djicdn.com/assets/images/products/supernova/s1-bg-bfbfc45101d217f96261561ac00f19b9.jpg" alt=""> -->
        </div>
    </div>
    <!-- 页脚 -->
    <div class="footer">
        <div class="footer-top">
            <ul class="top-inner">
                <li>
                    <img src="../imgs/truck-moving.svg" alt="">
                    <p>全场满￥99顺丰包邮</p>
                    <p>(顺丰无法配送的区域将使用EMS)</p>
                </li>
                <li>
                    <img src="../imgs/credit-card.svg" alt="">
                    <p>支持支付宝、微信、银联、银行转账</p>
                    <p>支持花呗、京东白条和招行分期</p>
                </li>
                <li>
                    <img src="../imgs/comment-alt-smile.svg" alt="">
                    <p>邮箱：<a href="">support@dji.com</a></p>
                </li>
                <li><img src="../imgs/newGovIcon.gif" alt=""></li>
            </ul>
        </div>
        <div class="footer-main">
            <div class="main-inner">
                <div class="list">
                    <h3>商城热卖</h3>
                    <ul>
                        <li><a href="">"御" Mavic</a></li>
                        <li><a href="">"晓" Spark</a></li>
                        <li><a href="">精灵 Phantom</a></li>
                        <li><a href="">灵眸 Osmo</a></li>
                        <li><a href="">"悟" Inspire</a></li>
                        <li><a href="">如影 Ronin</a></li>
                    </ul>
                </div>
                <div class="list">
                    <h3>购买指南</h3>
                    <ul>
                        <li><a href="">支付方式</a></li>
                        <li><a href="">订单帮助</a></li>
                        <li><a href="">发货和物流</a></li>
                        <li><a href="">退换货条款</a></li>
                        <li><a href="">技术支持</a></li>
                        <li><a href="">售后服务政策</a></li>
                        <li><a href="">DJI币返利计划</a></li>
                    </ul>
                </div>
                <div class="list">
                    <h3>商城项目</h3>
                    <ul>
                        <li><a href="">以旧换新</a></li>
                        <li><a href="">DJI大疆商城App</a></li>
                    </ul>
                </div>
                <div class="list">
                    <h3>社区</h3>
                    <ul>
                        <li><a href="">天空之城</a></li>
                        <li><a href="">DJI大疆社区</a></li>
                        <li><a href="">购机指南</a></li>
                    </ul>
                </div>
                <div class="list">
                    <h3>订阅</h3>
                    <p>第一时间了解我们的促销活动、热销产品和最新信息</p>
                    <input type="text" placeholder="请输入您的邮箱">
                    <button>></button>
                </div>
            </div>
            <div class="link">
                <ul class="intro">
                    <li><a href=""><i class="iconfont icondji-logo"></i></a></li>
                    <li><a href=""><span>关于我们</span></a></li>
                    <li><a href=""><span>联系我们</span></a></li>
                    <li><a href=""><span>招聘精英</span></a></li>
                    <li><a href=""><span>官方旗舰店</span></a></li>
                </ul>
                <ul class="plat">
                    <li><a href=""><i class="iconfont iconyouku"></i></a></li>
                    <li><a href=""><i class="iconfont iconweibo"></i></a></li>
                    <li><a href=""><i class="iconfont iconweixin"></i></a></li>
                </ul>
            </div>
        </div>
        <div class="footer-bottom">
            <div class="botter-inner">
                <div class="left">
                    <span>Copyright © 2021 DJI 大疆创新 版权所有</span>
                    <ul>
                        <li><a href="">隐私权政策</a></li>
                        <li class="spot">·</li>
                        <li><a href="">使用条款</a></li>
                        <li class="spot">·</li>
                        <li><a href="">粤ICP备12032134号-11</a></li>
                        <li class="spot">·</li>
                        <li><a href="">营业执照</a></li>
                        <li class="spot">·</li>
                        <li><a href="">网站地图</a></li>
                    </ul>
                </div>
                <div class="right">
                    <div>网站问题反馈？<a href="">点击这里</a></div>
                </div>
            </div>
        </div>
    </div>

    <script src="../data/data-detail.js"></script>

    <script src="../js/utils.js"></script>
    
    <script src="../js/detail.js"></script>
</body>







</html>